import React from 'react';
import { Button } from 'antd'
import './index.less'

class Error extends React.Component {
    handleBackHome = () => {
        this.props.history.push('/home')
    }
    render() {
        return (
            <div className="error">
                <img className="error-img" src="https://file.iviewui.com/iview-pro/icon-404.svg" alt=""></img>
                <div className="error-content">
                    <h1>404</h1>
                    <div className="error-desc">抱歉，你访问的页面不存在</div>
                    <div className="error-back">
                        <Button type="primary" onClick={this.handleBackHome}>返回首页</Button>
                    </div>
                </div>
            </div>
        );
    }
}
export default Error
